<script setup>
import HelloWorld from './components/HelloWorld.vue'
import { ref } from 'vue'
const count = ref(0)
const increment = () => {
  count.value++
}
</script>

<template>
  <div>
    <h2>App 组件标题</h2>
    <!-- 显示count -->
    <p>{{ count }}</p>
    <!-- 增加count值的按钮 -->
    <button @click="increment">增加</button>
    <HelloWorld msg="你好，尚硅谷1！" count="“0”" />
  </div>
</template>

<style scoped>
p {
  background: #cccccc;
}
div {
  border: 1px solid #aaaaaa;
}
div :deep(h3) {
  font-size: 40px;
}
</style>
